.nav_bg{
    height: 3rem;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 .5rem 1.3rem 0 rgba(0,0,0,5%);
    header{
      padding: 0 1rem;
      display: flex;
      height: 100%;
      align-items: center;
      .logo_img{
          img{
            width: 5rem;
          }
      }
      a{
        display: block;
        color: #64b5ff;
        font-size: .6rem;
        border: 2px solid #64b5ff;
        border-radius: .775rem;
        height: 1.35rem;
        line-height: 1.35rem;
        padding: 0 .8rem;
        margin-left: auto;
      }
      .search{
        i{
          color: #0b243f;
          font-size: 1.5rem;
          margin-left: 1rem
        }
      }
    }
}
.app{
  .openInApp{
    font-size: .7rem!important;
    width: 258px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    background: rgba(97,179,255,.95);
    -webkit-box-shadow: 0 20px 60px 0 rgba(0,0,0,10%);
    box-shadow: 0 20px 60px 0 rgba(0,0,0,10%);
    border-radius: 200px;
    position: fixed;
    bottom: 70px;
    z-index: 10;
    left: calc((100% - 246px)/2);
    font-size: 3px;
    color: #fff;
    letter-spacing: 0;
  }
}

.switch{
    display: none;
    background-color: #fff;
    height: 100%;
    width: 100%;
    .header_search{
      padding: .7rem 1rem .5rem;
      position: relative;
      display: flex;
      .search_ipt{
        position: relative;
        width: 14.5rem;
        height: 1.7rem;
        input{
        background-color: #ebeff4;
        width: 100%;
        height: 100%;
        border-radius: 1.25rem;
        padding-left: 2rem;
        line-height: 1.8rem;
        font-size: .8rem;
        }
        input::-webkit-input-placeholder{
          color:#c9d6de;
          font-size: .8rem;
        }
        i{
          position: absolute;
          left: 0.7rem;
          top: 0.45rem;
          font-size: 1rem;
          color: #c9d6de;
        }
      }
      .header_close{
        margin-left: 1rem;
        i{
          line-height: 1.8rem;
          font-size: 1.3rem;
          color: #000;
          font-weight: bolder;
        }
      }
    }
    .header-modules{
      display: flex;
      justify-content: space-between;
      padding:0 1.5rem;
      .header-module{
        margin-top: 1rem;
        text-align: center;
        font-size: .65rem;
        width: 20%;
        a{
          color: #d4d4d4;
          width: 100%;
          img{
            width:60%;
            margin: auto;
          }
          p{
            text-align: center;
            margin-top: .4rem;
          }
        }
      }
    }
    .line{
      height: 1px;
      background: #979797;
      box-sizing: border-box;
      margin: 70px 40px 0;
    }
    .header_login{
      display: flex;
      margin-top: 66px;
      letter-spacing: 0;
      line-height: 32px;
      justify-content: center;
      a{
        color: #61b3ff;
        font-size: .85rem;
      }
    }
  }